// SCSS变量定义

// 颜色变量
$primary-color: #0052d9;
$success-color: #00a870;
$warning-color: #ed7b2f;
$error-color: #d54941;
$info-color: #0594fa;

// 文字颜色
$text-color-primary: #000000;
$text-color-regular: #000000d9;
$text-color-secondary: #000000a6;
$text-color-placeholder: #00000040;
$text-color-disabled: #00000026;

// 背景颜色
$bg-color-page: #f3f3f3;
$bg-color-container: #ffffff;
$bg-color-container-hover: #f3f3f3;
$bg-color-container-active: #e7e7e7;

// 边框颜色
$border-color: #dcdcdc;
$border-color-separator: #e7e7e7;
$border-color-focus: #0052d9;

// 阴影
$shadow-1: 0 1px 10px 0 #0000000a, 0 4px 5px 0 #00000014, 0 2px 4px -1px #0000001f;
$shadow-2: 0 3px 14px 2px #0000000a, 0 8px 10px 1px #00000014, 0 5px 5px -3px #0000001f;
$shadow-3: 0 6px 16px 0 #0000000a, 0 9px 28px 8px #00000014, 0 3px 6px -4px #0000001f;

// 圆角
$border-radius-small: 3px;
$border-radius-default: 6px;
$border-radius-medium: 9px;
$border-radius-large: 12px;

// 间距
$spacer-1: 4px;
$spacer-2: 8px;
$spacer-3: 12px;
$spacer-4: 16px;
$spacer-5: 20px;
$spacer-6: 24px;
$spacer-7: 28px;
$spacer-8: 32px;
$spacer-9: 36px;
$spacer-10: 40px;

// 字体大小
$font-size-xs: 10px;
$font-size-s: 12px;
$font-size-base: 14px;
$font-size-m: 16px;
$font-size-l: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;

// 行高
$line-height-xs: 16px;
$line-height-s: 20px;
$line-height-base: 22px;
$line-height-m: 24px;
$line-height-l: 26px;
$line-height-xl: 28px;
$line-height-xxl: 32px;

// 字重
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// Z-index层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;

// 动画时长
$transition-duration-fast: 0.1s;
$transition-duration-base: 0.2s;
$transition-duration-slow: 0.3s;

// 动画曲线
$ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
$ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);

// 断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1400px;
